.card-item{
    width: 222px;
    margin-left: 15px;
    margin-top: 20px;
    a{
        display: block;
        position: relative;
        padding:5px;
        border: 1px solid #2fae7c;
        img{
            max-width: 100%;
        }
        .course-item-status{
            position:absolute;
            bottom:0;
            left: 0;
            background: linear-gradient(90deg , #46abd1, #00c56a);
            color: #fff;
            width: 100%;
            padding:10px;
            box-sizing: border-box;
        }
    }
    .course-item-desc{
        font-size: 20px;
        letter-spacing:3px;
        font-weight: 700;
        color: #fff;
        text-shadow: 1px 2px 4px #0328ae;
    }
    .course-item-price{
        color: #e20;
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: 700;
    }
   
}